<template>
  <div class="layout">
    <div class="view">
      <router-view></router-view>
    </div>
    <van-tabbar v-model="active" route class="tabbar">
      <van-tabbar-item to="/layout/article" icon="home-o">面经</van-tabbar-item>
      <van-tabbar-item to="/layout/collect" icon="search">收藏</van-tabbar-item>
      <van-tabbar-item to="/layout/like" icon="friends-o">喜欢</van-tabbar-item>
      <van-tabbar-item to="/layout/my" icon="setting-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>

export default {
  name: "",
  data() {
    return {
      active: 0,
    };
  },
  created() {},
  computed: {},
  methods: {},
};
</script>
<style lang='less'  scoped>
.layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  .view {
    flex: 1;
  }
}
</style>
